﻿<!DOCTYPE html>
<html>
<script th:inline="javascript"> var ctx = [[@{/}]] ; </script>
<head th:include="include :: header_LayUi"></head>

<style type="text/css">
table.gridtable {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin-top: 10px;
}

table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}

table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

table.hovertable {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	width: 100%;
}

table.hovertable th {
	background-color: #c3dde0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

table.hovertable tr {
	background-color: #d4e3e5;
}

table.hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
</style>

<body class="gray-bg" style="overflow: scroll;" id="div_body">
	<div style="margin-top: 10px; margin-left: 10px; margin-right: 10px;">

		<div class="fixed-table-toolbar">

			<div class="input-group pull-left col-md-2" style="width: 450px;">
				<span class="input-group-addon">报表标题</span> <select 
					style="width: 355px;" id="sname" type="text" 
					class="form-control selectPointOfInterest">
					<option value=""  >--请选择--</option>
				</select>
			</div>
			<div class="input-group pull-left col-md-2">
				<span class="input-group-addon">开始时间</span> <input id="begdate"
					type="text" style="width: 100px;" class="form-control"
					placeholder="开始时间">
			</div>

			<div class="input-group pull-left col-md-2">
				<span class="input-group-addon">结束时间</span> <input id="enddate"
					type="text" style="width: 100px;" class="form-control"
					placeholder="结束时间">
			</div>



			<a id="btn_Search" class="btn btn-primary"
				onclick="ExecutClick(false)"><i class="fa fa-search"></i>&nbsp;查询</a>

			<a id="refresh" class="btn btn-default" onclick="reload()"><i
				class="fa fa-refresh"></i>&nbsp;刷新</a>

		</div>



		<table width="100%" class="gridtable">


			<tr>
				<td style="width: 100%; font-size: xx-large; text-align: center">
					<div style="width: 100%; font-size: xx-large; text-align: center"
						id="name"  ></div>

				</td>

			</tr>
			<tr>
				<td>
					<div id="tashow"></div>

				</td>
			</tr>
		</table>
	</div>
	<div th:include="include :: footer_LayUi"></div>
	<script type="text/javascript"
		src="/static/itemjs/system/commonreportstatistics/EmissionFactor.js"
		th:src="@{/itemjs/system/commonreportstatistics/EmissionFactor.js}"></script>

	<script>
		var laydate = layui.laydate, form = layui.form; // 只有执行了这一步，部分表单元素才会自动修饰成功;

       //执行一个laydate实例
       laydate.render({
         elem: '#begdate'  //指定实例
        
          ,type:'date'
       });
       laydate.render({
           elem: '#enddate'  //指定实例
          
            ,type:'date'
         });
       
       </script>
</body>
</html>